<template>
  <div>
    <el-form-item :style="{'width':formItem.width + 'px'}">
      <template #label><formDesignLabel :formItem="formItem" :isManual="true"/></template>
      <formDesignDescription :formItem="formItem"/>
      <el-date-picker
        :style="{
          'height': formItem.height + 'px'
        }" 
        disabled
        v-model="formItem.modelValue"
        type="datetime"
        value-format="YYYY-MM-DD HH:mm:ss"
        :placeholder="formItem.labelPlaceholder"
      />
    </el-form-item>
  </div>
</template>
<script setup>
import { defineProps, computed } from 'vue'
import formDesignLabel from "@/views/form/manage/design/components/formDesignLabel.vue";
import formDesignDescription from "@/views/form/manage/design/components/formDesignDescription.vue";

const props = defineProps({
  formItem: {
    type: Object,
  },
})
const formItem = computed(()=>{return props.formItem})
</script>

<style scoped lang='scss'>
</style>